<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/text.css" rel="stylesheet" type="text/css" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/estiloFront.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div  class="container_16">
	<div id="headerLogin">
    	
    	<div class="grid_3 logo"><img src="imagens/estrutura/logoEsperto.png" alt="Logomarca Esperto" /></div>
        <div class="grid_8 ltopButtons"></div><!-- fecha ltopButtons -->
        <!-- Fecha logo -->
        <div class="prefix_3 topButtons"></div><!--fecha topButtons -->
      
        
    </div><!--Fecha Header login -->
    
    <div id="contentLogin">
   	  <div class="bg">	
   	        <div class="grid_7">
            	<h5>SING IN</h5>
                <p>Você precisa de um login e senha para acessar o painel de projetos.</p>
<p>Para ter acesso você deverá ser convidado por um Dono de projeto.</p>
                <p>Para se cadastrar e receber um convite <a href="#cadastroPrevio" class="linkAzul">clique aqui</a>.</p>
              <p><a href="sobreEsperto"  class="linkAzul"><img src="imagens/estrutura/icoQuestion.png" width="14" height="14" alt="question"  class="middle"/> Quero saber mais sobre o ESPERTO</a>.</p>
            <div class="tipagemFOnte">
            <h1>H1</h1>
            <h2>H2</h2>
            <h3>H3</h3>
            <H4>h4</H4>
            <H5>h5</H5>
            <H6>h6</H6>
            </div>
            
            </div><!-- Fecha DIV TEXTO SING IN -->
            
              <div  class="floatRight">
                <div class="suffix_1 formLogin">
                <form action="?" method="post" name="frmLogin" id="frmLogin">
               	  <label>E-mail:</label>
               	  <input type="text"  name="email" id="email" />
               	  <label>Senha:</label>
                    <input type="password" name="senha" id="senha"  />
                    <label>
                    	<input type="checkbox" name="keepLoged" value="1" id="keepLogged" />
                        Gravar neste computador.
                    </label>
                    <label>
                    	<a href="esqueciSenha"  class="linkAzul">Esqueceu sua senha? </a>
                    </label>
                    <div class="sbutton">
                    	<a href="javascript:void(0);" onclick="$j('#frmLogin').submit()"  class="squarebutton"><span>Sing IN <img src="imagens/estrutura/icoSeta.png" width="17" height="17" alt="seta"  class="middle" /></span></a>
                    </div>
                </form><!-- Fecha formLoogin -->
                	
                </div>
            </div><!-- Fecha FloatRight -->
      </div>
    </div><!-- Fecha contentLogin -->
  
    
    <div id="contentFooter">
    	<div class="footerLinks">
        	<ul>
            	<li><a href="#esperto">esperto |</a></li>
                <li><a href="#sobre">sobre |</a></li>
                <li><a href="#blog">blog |</a></li>
                <li><a href="#suport">suport |</a></li>
                <li><a href="#contato">contato</a></li>
            </ul>
        </div><!-- Fecha footer links -->
    </div><!-- Fecha Content Rodape-->
    
</div><!--Fecha Container-->

</body>
</html>
